<template>
  <div id="home-main" style="margin: 20px auto;width: 900px">

    <Selector></Selector>
    <ResourceCard></ResourceCard>
    <ResourceCard></ResourceCard>
    <ResourceCard></ResourceCard>
    <ResourceCard></ResourceCard>
    <ResourceCard></ResourceCard>
    <ResourceCard></ResourceCard>
    <ResourceCard></ResourceCard>
    <ResourceCard></ResourceCard>
    <ResourceCard></ResourceCard>
    <ResourceCard></ResourceCard>
    <ResourceCard></ResourceCard>
    <ResourceCard></ResourceCard>
    <ResourceCard></ResourceCard>
    <ResourceCard></ResourceCard>
    <ResourceCard></ResourceCard>
    <ResourceCard></ResourceCard>
    <ResourceCard></ResourceCard>
    <ResourceCard></ResourceCard>
    <ResourceCard></ResourceCard>
    <ResourceCard></ResourceCard>
    <ResourceCard></ResourceCard>
    <ResourceCard></ResourceCard>
    <ResourceCard></ResourceCard>
    <ResourceCard></ResourceCard>

  </div>
</template>

<script>
import ResourceCard from "./resourcecard/ResourceCard";
import Selector from "./select/Selector";
export default {

  name: "HomeMain",
  components:{
    ResourceCard,
    Selector,
  }
}
</script>

<style scoped>

</style>